<template>
  <!-- 
     v-loading="loading"
    element-loading-text="实验正在加载中，请耐心等待加载完成！"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
    style="width: 100%" 加载动画

   -->
  <div
    class="homebg"
    v-loading="loading"
    element-loading-text="实验正在加载中，请耐心等待加载完成！"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 1)"
    style="width: 100%"
  >
    <!-- 检查记录 -->
    <div class="jcjl" v-if="jcjilshow">
      <img
        src="@/images/jcjlzc.png"
        alt=""
        v-if="jcjilshow && symt == 1"
        class="jcjlimg"
      />
      <img
        src="@/images/jcjlyc.png"
        alt=""
        v-if="jcjilshow && symt == 2"
        class="jcjlimg"
      />
      <el-input
        v-model="zxinput"
        placeholder="请输入内容"
        class="zxinput"
      ></el-input>
      <el-input
        v-model="odinput"
        placeholder="请输入内容"
        class="odinput"
      ></el-input>
      <el-input
        v-model="jdinput"
        placeholder="请输入内容"
        class="jdinput"
      ></el-input>
      <el-input
        v-model="sdinput"
        placeholder="请输入内容"
        class="sdinput"
      ></el-input>
      <el-input
        v-model="ldinput"
        placeholder="请输入内容"
        class="ldinput"
      ></el-input>
      <el-input
        v-model="ydinput"
        placeholder="请输入内容"
        class="ydinput"
      ></el-input>
      <el-button
        type="primary"
        class="jxadd"
        @click="jlfn"
        v-if="!ckshow && !jxshow"
        >确定</el-button
      >
      <el-button type="primary" class="jxadd" @click="ckfn" v-if="ckshow"
        >查看答案</el-button
      >
      <el-button
        type="primary"
        class="jxadd"
        @click=";(jcsftgshow = true), (jcjilshow = false)"
        v-if="jxshow"
        >继续</el-button
      >
    </div>
    <!-- 旧的版本 -->
    <!-- <div>
      <img
        src="@/images/jcjlzc.png"
        alt=""
        class="jcjl"
        v-if="jcjilshow && symt == 1"
      />
      <img
        src="@/images/jcjlyc.png"
        alt=""
        class="jcjl"
        v-if="jcjilshow && symt == 2"
      />
      <img
        src="@/images/jx.png"
        alt=""
        class="jxadd"
        v-if="jcjilshow"
        @click=";(jcsftgshow = true), (jcjilshow = false)"
      />
    </div> -->

    <!-- 漫游控制按钮 -->
    <div
      class="errordf tool"
      @click="myfn"
      v-show="step > 1 && step != 4 && !tipshow"
    >
      <img src="@/images/my.png" title="进入漫游" class="normal" />
      <img src="@/images/myac.png" title="进入漫游" class="active" />
    </div>
    <!-- 头部菜单 -->
    <head-main
      :homeshow="true"
      :tipshow="tipshow"
      @tipsfn="tipsfn"
      :tipfnshow="tipfnshow"
    />

    <!-- 导航大盒子 -->
    <div class="taskmain" v-if="step > 1">
      <!-- 导航菜单显示控制 -->
      <div class="taskshowb">
        <div
          class="tool"
          v-show="taskboxshow"
          @click="taskboxshow = !taskboxshow"
        >
          <img src="@/images/left.png" alt="" class="normal" />
          <img src="@/images/leftac.png" alt="" class="active" />
        </div>
        <div
          class="tool"
          v-show="!taskboxshow"
          @click="taskboxshow = !taskboxshow"
        >
          <img src="@/images/right.png" alt="" class="normal" />
          <img src="@/images/rightac.png" alt="" class="active" />
        </div>
      </div>
      <!-- 导航菜单 -->
      <div class="taskbox" v-show="taskboxshow && !myshow && !tipshow">
        <div
          class="task"
          v-for="item in taskdata"
          :key="item.id"
          @click="step = item.id"
        >
          <img :src="item.name" alt="" class="taskimg" />
          <div class="taskzt">
            <img src="@/images/jxz.png" alt="" v-show="step == item.id" />
            <img src="@/images/over.png" alt="" v-show="step > item.id" />
          </div>
          <div
            class="taskitems"
            v-for="items in item.items"
            :key="items.id"
            v-show="step == item.id"
            :class="steps == items.id ? 'taskitemsac' : ''"
            @click="steps = items.id"
          >
            <span>{{ items.name }}</span>
          </div>
        </div>
      </div>
    </div>
    <!-- 选择模体 -->
    <div class="mttitel" v-show="!mtjshow && !mxshow && step == 1">
      <img src="@/images/mtertip.png" alt="" />
    </div>
    <div class="xzmtbox" v-show="!mtjshow && !mxshow && step == 1">
      <div class="mtbox">
        <div class="mt1">
          <!-- 正常模体 -->
          <img
            src="@/images/xzka.png"
            alt=""
            class="xzka"
            v-if="showmt1 && !showmt2"
          />
          <img
            src="@/images/sma.png"
            alt=""
            @click=";(showmt1 = true), (showmt2 = false)"
            class="mt1img"
          />
        </div>
        <div class="mt2">
          <!-- 异常模体 -->
          <img
            src="@/images/xzka.png"
            alt=""
            class="xzka"
            v-if="showmt2 && !showmt1"
          />
          <img
            src="@/images/smh.png"
            alt=""
            @click=";(showmt2 = true), (showmt1 = false)"
            class="mt1img"
          />
        </div>
      </div>
    </div>
    <!-- 选择模体按钮 -->
    <div class="mttool" v-if="showmt1 && !showmt2">
      <div class="tool" @click="mtjshowfn(1)">
        <img src="@/images/ckmt.png" alt="" />
      </div>
      <div class="tool" @click="mtstart(1)">
        <img src="@/images/symt.png" alt="" />
      </div>
    </div>
    <div class="mttool" v-if="showmt2 && !showmt1">
      <div class="tool" @click="mtjshowfn(2)">
        <img src="@/images/ckmt.png" alt="" />
      </div>
      <div class="tool" @click="mtstart(2)">
        <img src="@/images/symt.png" alt="" />
      </div>
    </div>
    <!-- 查看模体介绍 -->
    <div class="mtjs" v-show="mtjshow && step == 1" @click="mtjsfn">
      <img src="@/images/mtjs.png" alt="" />
    </div>
    <!-- 模型展示 -->
    <showMxVue
      :mxmtnumber="mxmtnumber"
      v-if="mxmtnumber && mxshow && step == 1"
      @back="back"
      @mtstart="mtstart"
    />
    <!-- 步骤提示 -->
    <bz-tip v-if="bztiptext && !myshow" :bztiptext="bztiptext" />
    <!-- 文字提示 -->
    <!-- <wz-tip v-if="wztiptext && !myshow" :wztiptext="wztiptext" /> -->
    <!-- 场景导入 -->
    <seen
      v-show="step > 1"
      :steps="steps"
      :step="step"
      :myshow="myshow"
      ref="seen"
      @wztiptextfn="wztiptextfn"
      @bztiptext="bztiptext"
      @clickItem="clickItem"
      :loading="loading"
      @loadingfn="loadingfn"
      @myshowfn="myshowfn"
    />
    <!-- 操作界面ui -->
    <div class="czjmbox" v-show="czjshow && step == 3 && !myshow">
      <img src="@/images/czuim.png" alt="" class="czjmboximg" />
      <img
        src="@/images/hx.png"
        alt=""
        class="czjmhx"
        v-if="steps == 2 && step == 3"
      />
      <img
        src="@/images/hx.png"
        alt=""
        class="czjmhx2"
        v-if="steps == 2 && step == 3"
      />
      <div
        class="tool cjzqd"
        @click="tzqdf"
        v-show="(steps == 2 && step == 3) || (steps == 1 && step == 3)"
      >
        <img src="@/images/czqd.png" class="normal" />
        <img src="@/images/czqdac.png" alt="" class="active" />
      </div>
      <img
        v-show="(steps == 2 && step == 3) || (steps == 1 && step == 3)"
        src="@/images/s.png"
        alt=""
        class="s"
      />
      <img
        v-show="(steps == 2 && step == 3) || (steps == 1 && step == 3)"
        src="@/images/x.png"
        alt=""
        class="x"
      />
      <img
        v-show="(steps == 2 && step == 3) || (steps == 1 && step == 3)"
        src="@/images/z.png"
        alt=""
        class="z"
        @click="qfn"
        @mousedown="mousedownHandler('z')"
        @mouseup="mouseupHandler"
        ref="z"
      />
      <img
        v-show="(steps == 2 && step == 3) || (steps == 1 && step == 3)"
        src="@/images/y.png"
        alt=""
        ref="y"
        class="y"
        @click="hfn"
        @mousedown="mousedownHandler('y')"
        @mouseup="mouseupHandler"
      />
      <img
        src="@/images/jg.png"
        alt=""
        class="jg tm"
        @click="jgfn"
        ref="jg"
        v-if="steps == 1 && step == 3"
      />
      <img
        src="@/images/jg.png"
        alt=""
        class="jg"
        v-if="steps == 2 && step == 3"
      />
      <div class="cbox">
        <img
          class="cboximg"
          src="@/images/cst.png"
          alt=""
          :style="{
            left: (leftpx - 9.5) * 0.00521 + 'rem !important'
          }"
        />
      </div>
      <div class="fbox">
        <img
          class="fboximg"
          src="@/images/fst.png"
          alt=""
          :style="{
            left: (leftpx + lslpx) * 0.00521 + 'rem !important',
            height: sx + '%',
            width: sx + '%'
          }"
        />
      </div>
      <!-- <span class="sjspan">{{ 37 + toppx }}</span> -->
      <!-- <span class="zyspan">{{ 460 + leftpx }}</span> -->
      <span class="sjspan">{{ topxs }}</span>
      <span class="zyspan">{{ leftxt }}</span>
    </div>
    <!-- 调整错误请重新调整 -->
    <img src="@/images/tzcw.png" alt="" class="tm tzcw" v-if="tzcwshow" />
    <!-- 工作站ui -->
    <div class="gzbox" v-if="gzshow && step == 4 && steps == 1">
      <img src="@/images/gzzui.png" alt="" class="gzboximg" />
      <img
        src="@/images/hzt.png"
        alt=""
        class="hztimg"
        @click=";(gzshow = false), (steps = 2)"
      />
    </div>

    <!-- 新建患者 -->
    <div class="gzbox" v-show="xjshow">
      <img src="@/images/xjhz.png" alt="" class="gzboximg" />
      <div class="hznuber bkys" ref="hznbs">
        <el-input
          v-model="hznumber"
          placeholder="请输入患者编号"
          :disabled="hzbhshow"
          @focus="focusfns"
        ></el-input>
      </div>
      <div class="hznamebox bkys" ref="hznb">
        <el-input
          v-model="hzname"
          placeholder="请输入患者名字"
          :disabled="hzbhshow"
          @focus="focusfn"
        ></el-input>
      </div>
      <!-- <img
        src="@/images/hzjc.png"
        alt=""
        class="hzjc"
        v-show="jcstartshow && steps == 2"
        @click="steps = 3"
      /> -->
      <img
        src="@/images/hzjc.png"
        alt=""
        class="hzjc"
        v-show="hzjcshow"
        @click="steps = 5"
      />
      <img
        src="@/images/tb.png"
        alt=""
        class="tb fd"
        @click="tbfn()"
        v-show="step == 4 && steps == 3"
        ref="tb"
      />
      <img src="@/images/tbcd.png" alt="" class="tbcd" v-show="tbcdshow" />
      <img
        src="@/images/tbcdiac.png"
        alt=""
        class="tbcd1 bkys"
        v-show="tbcdshow"
        @click="tbcdfn()"
        ref="tbcd1"
      />
      <img src="@/images/yxz.png" alt="" class="yxz" v-show="yzxshow" />
      <img
        src="@/images/hfs.png"
        alt=""
        class="hfs tm"
        v-show="hfsshow"
        @click="hfsfn()"
        ref="hfs"
      />
    </div>
    <!-- 核对信息 -->
    <div class="hdbox">
      <!-- 旧的 -->
      <img
        src="@/images/hdsm.png"
        alt=""
        class="hdboximg"
        v-if="(steps == 6 || steps == 5) && !ksshowjx"
      />
      <!-- 新的 -->
      <img src="@/images/zcsmbg.png" alt="" class="hdboximg" v-if="ksshowjx" />
      <img
        src="@/images/txll.png"
        class="hdboximg"
        v-if="txllshow && symt == 1"
      />
      <img
        src="@/images/txll2.png"
        class="hdboximg"
        v-if="txllshow && symt == 2"
      />
      <!-- 测量完成背景-->
      <img src="@/images/clbg.png" class="hdboxim" v-if="clbgshow" />
      <img
        src="@/images/qrsm.png"
        alt=""
        class="hdqd fd"
        @click="hdstart"
        ref="hdqd"
        v-show="steps == 5 && !hdstartshow"
      />
      <!-- 调整信息确认 -->
      <img
        src="@/images/qrsm.png"
        alt=""
        class="hdqd"
        ref="tzxxfn"
        @click="tzxxfn"
        v-if="qdtzcsshow"
      />
      <!-- 扫描完成确认 -->
      <img
        src="@/images/qrsm.png"
        alt=""
        class="hdqd fd"
        @click="smwcfn"
        ref="smwcfn"
        v-if="erksshowwc && steps == 9"
      />
      <img
        src="@/images/qrsm.png"
        alt=""
        class="hdqd fd"
        @click="qddcfn"
        ref="qddcfn"
        v-if="erksshowwc && steps == 10"
      />
      <!--  -->
      <!-- v-show="hdstartshow"  -->
      <img src="@/images/hdjxz.png" alt="" class="hdjxz" v-if="hdstartshow" />
      <img src="@/images/qdjsm.png" alt="" class="hdjxzss" v-if="ksshow" />
      <img src="@/images/qdjsm.png" alt="" class="hdjxzss" v-if="erksshow" />

      <img
        src="@/images/zzsmz.png"
        alt=""
        class="hdjxzss"
        v-if="ksshowjx && steps == 6"
      />
      <img src="@/images/zzsmz.png" alt="" class="hdjxzss" v-if="zzshow" />
      <!-- 扫描动画 -->
      <img src="@/images/smpmt.png" alt="" class="smpmt" v-if="smzshow" />
      <div class="smptmb" @animationend="steps = 7" v-if="smzshow"></div>
      <div class="jdt" v-if="smzshow">
        <div class="progresscontainer">
          <div class="progressbar"></div>
        </div>
      </div>
      <!-- 二次扫描动画 -->
      <img
        src="@/images/smzcmt.png"
        alt=""
        class="smpmts"
        v-if="smjxershow && steps == 9"
      />
      <!--异常模体 -->
      <img
        src="@/images/ycmt.png"
        alt=""
        class="smpmts"
        v-if="smjxershow && steps == 10"
      />
      <!-- 测量正常模体 -->
      <!-- v-if="zcmtshow" -->
      <img
        src="@/images/smzcmt.png"
        alt=""
        class="smpmtzc"
        v-if="zcmtshow && steps == 11"
      />
      <img
        src="@/images/ycmt.png"
        alt=""
        class="smpmtzc"
        v-if="zcmtshow && steps == 12"
      />
      <!-- 五个圆圈模版通用 -->
      <img
        src="@/images/ty1.png"
        alt=""
        class="ty1 tm"
        @click="ty1fn"
        v-if="ty1show"
        ref="ty1"
      />
      <img
        src="@/images/ty2.png"
        alt=""
        class="ty2"
        @click="ty2fn"
        v-if="ty2show"
        ref="ty2"
      />
      <img
        src="@/images/ty3.png"
        alt=""
        class="ty3"
        @click="ty3fn"
        v-if="ty3show"
        ref="ty3"
      />
      <img
        src="@/images/ty4.png"
        alt=""
        class="ty4"
        @click="ty4fn"
        v-if="ty4show"
        ref="ty4"
      />
      <img
        src="@/images/ty5.png"
        alt=""
        class="ty5"
        @click="ty5fn"
        v-if="ty5show"
        ref="ty5"
      />
      <img
        src="@/images/ty6.png"
        alt=""
        class="ty6"
        @click="ty6fn"
        v-if="ty6show"
        ref="ty6"
      />
      <!-- 正常模体的五个圆圈 -->
      <img
        src="@/images/zc1.png"
        alt=""
        class="ty1 ty"
        v-if="zc1show && steps == 11"
      />
      <img
        src="@/images/zc2.png"
        alt=""
        class="ty2 ty"
        v-if="zc2show && steps == 11"
      />
      <img
        src="@/images/zc3.png"
        alt=""
        class="ty3 ty"
        v-if="zc3show && steps == 11"
      />
      <img
        src="@/images/zc4.png"
        alt=""
        class="ty4 ty"
        v-if="zc4show && steps == 11"
      />
      <img
        src="@/images/zc5.png"
        alt=""
        class="ty5 ty"
        v-if="zc5show && steps == 11"
      />
      <img
        src="@/images/zc6.png"
        alt=""
        class="ty6 tys"
        v-if="zc6show && steps == 11"
      />
      <!-- 异常模体的五个圆圈 -->
      <img
        src="@/images/yc1.png"
        alt=""
        class="ty1 ty"
        v-if="zc1show && steps == 12"
      />
      <img
        src="@/images/yc2.png"
        alt=""
        class="ty2 ty"
        v-if="zc2show && steps == 12"
      />
      <img
        src="@/images/yc3.png"
        alt=""
        class="ty3 ty"
        v-if="zc3show && steps == 12"
      />
      <img
        src="@/images/yc4.png"
        alt=""
        class="ty4 ty"
        v-if="zc4show && steps == 12"
      />
      <img
        src="@/images/yc5.png"
        alt=""
        class="ty5 ty"
        v-if="zc5show && steps == 12"
      />
      <img
        src="@/images/yc6.png"
        alt=""
        class="ty6 tys"
        v-if="zc6show && steps == 12"
      />
      <!-- 正常模体排版 -->
      <img
        src="@/images/hd1.png"
        alt=""
        class="hd1"
        v-if="zc1show && steps == 11"
      />
      <img
        src="@/images/hd2.png"
        alt=""
        class="hd2"
        v-if="zc2show && steps == 11"
      />
      <img
        src="@/images/hd3.png"
        alt=""
        class="hd3"
        v-if="zc3show && steps == 11"
      />
      <img
        src="@/images/hd4.png"
        alt=""
        class="hd4"
        v-if="zc4show && steps == 11"
      />
      <img
        src="@/images/hd5.png"
        alt=""
        class="hd5"
        v-if="zc5show && steps == 11"
      />
      <img
        src="@/images/hd6.png"
        alt=""
        class="hd6"
        v-if="zc6show && steps == 11"
      />
      <!-- 异常模体排版 -->
      <img
        src="@/images/hds1.png"
        alt=""
        class="hd1"
        v-if="zc1show && steps == 12"
      />
      <img
        src="@/images/hds2.png"
        alt=""
        class="hd2"
        v-if="zc2show && steps == 12"
      />
      <img
        src="@/images/hds3.png"
        alt=""
        class="hd3"
        v-if="zc3show && steps == 12"
      />
      <img
        src="@/images/hds4.png"
        alt=""
        class="hd4"
        v-if="zc4show && steps == 12"
      />
      <img
        src="@/images/hds5.png"
        alt=""
        class="hd5"
        v-if="zc5show && steps == 12"
      />
      <img
        src="@/images/hds6.png"
        alt=""
        class="hd6"
        v-if="zc6show && steps == 12"
      />

      <div v-if="smjxershow" class="smptmbsd" @animationend="ersmwcfn"></div>
      <div class="jdts" v-if="smjxershow">
        <div class="progresscontainer">
          <div class="progressbar"></div>
        </div>
      </div>
      <!-- 扫描完成后的图像展示 -->
      <img
        src="@/images/smpmt.png"
        alt=""
        class="smpmt"
        v-if="steps == 7 || steps == 8"
      />
      <div
        class="jdt"
        v-if="steps == 7 || steps == 8 || steps == 9 || steps == 10"
      >
        <div class="progresscontainers"></div>
      </div>
      <!-- 新增修改 -->
      <img
        src="@/images/tzdwxcd.png"
        alt=""
        class="tzdwxcd"
        v-if="steps == 7 || steps == 8 || steps == 5 || steps == 6"
      />
      <img
        src="@/images/tzdwxcds.png"
        alt=""
        class="tzdwxcds"
        v-if="steps == 7 || steps == 5 || steps == 6"
      />
      <img
        src="@/images/ecsmcd.png"
        alt=""
        class="ecsmcd"
        v-if="steps == 9 || steps == 10"
      />
      <img
        src="@/images/clfxcd.png"
        alt=""
        class="clfxcd"
        v-if="steps == 12 || steps == 11"
      />
      <!-- 测量按钮 -->
      <img
        src="@/images/clan.png"
        alt=""
        class="clan bkys"
        ref="clan"
        v-if="clanshow"
        @click="clanfn"
      />
      <!-- roi -->
      <img
        src="@/images/roi.png"
        alt=""
        class="roi tm"
        v-if="roishow"
        ref="roi"
        @click="roifn"
      />
      <span class="hdjxzs" v-show="hdstartshow">正在初始化中...</span>
      <!-- 工具 -->
      <div v-if="gjshow">
        <div class="kvs kv" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="kv" :disabled="true"></el-input>
        </div>
        <div class="kvs mas" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="mas" :disabled="true"></el-input>
        </div>
        <div class="kvs jj" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="jj" :disabled="true"></el-input>
        </div>
        <div class="kvs qs" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="qs" :disabled="true"></el-input>
        </div>
        <div class="kvs sm" :class="steps != 8 ? 'kvss' : 'bkys'" ref="smfn">
          <el-input
            v-model="sm"
            :disabled="csshow"
            class=""
            @input="smfn"
          ></el-input>
        </div>
        <div class="kvs ch" :class="steps != 8 ? 'kvss' : 'bkys'" ref="chfn">
          <el-input v-model="ch" :disabled="chshow" class="" @input="chfn">
          </el-input>
        </div>
        <div class="kvs sj" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="sj" :disabled="true"></el-input>
        </div>
        <div class="kvs js" :class="steps != 8 ? 'kvss' : ''">
          <el-input v-model="js" :disabled="true"></el-input>
        </div>
      </div>

      <!-- 定位线 -->
      <img
        src="@/images/ldwx.png"
        alt=""
        class="ldwx"
        v-show="!value1 && steps == 7"
      />
      <img
        src="@/images/hdwx.png"
        alt=""
        class="hdwx"
        v-show="!value1 && steps == 7"
      />
      <img
        src="@/images/zdwx.png"
        alt=""
        class="zdwx hdwx"
        v-show="value1 && (steps == 7 || steps == 8)"
      />
      <!-- 重复平扫 -->
      <!-- <img
        src="@/images/tlpscf.png"
        alt=""
        class="tlpscf bkys"
        ref="tlpscf"
        v-if="tlpscf"
        @click="tlpscffn"
      /> -->
      <!-- <img src="@/images/tlpscd.png" alt="" class="tlpscd" v-if="tlpshow" />
      <img
        src="@/images/tlpscdaac.png"
        alt=""
        class="tlpscdaac tm"
        ref="tlpscdaac"
        v-if="tlpshow"
        @click="eccdsfn"
      /> -->
      <img src="@/images/eccd.png" alt="" class="eccd" v-if="eccdshow" />
      <!-- 自动定位按钮 -->
      <div class="zddw bkys" v-if="steps == 7">
        <span>自动定位</span>
        <el-switch v-model="value1" @change="zdfn"> </el-switch>
      </div>
    </div>
    <!-- 开始扫描按钮 -->
    <div class="startbox" v-if="ksshow">
      <img src="@/images/kstc.png" alt="" class="startboximg" />
      <img
        src="@/images/ksan.png"
        alt=""
        class="ksan tm"
        ref="ksan"
        @click="ksanfn"
      />
    </div>
    <!-- 二次扫描按钮 -->
    <div class="startbox" v-if="erksshow">
      <img src="@/images/kstc.png" alt="" class="startboximg" />
      <img
        src="@/images/ksan.png"
        alt=""
        class="ksan tm"
        @click="erksan"
        ref="erksan"
      />
    </div>
    <!-- 题目 -->
    <!--   -->
    <ques-tion
      :qustion="qustion"
      @tmwc="tmwc"
      v-if="qustion.length > 0 && questionshow"
    />
    <!-- 检测是否通过 -->
    <div class="jcsftg" v-if="jcsftgshow">
      <img src="@/images/jcsftg.png" alt="" srcset="" class="jcsftg" />
      <img src="@/images/shi.png" alt="" class="shi" @click="sfofn(1)" />
      <img src="@/images/fo.png" alt="" class="fo" @click="sfofn(2)" />
      <!-- <img src="@/images/hdcws.png" alt="" class="hdcws"  /> -->
      <div class="hdcws" v-if="hdcshow">
        <span>上报科主任，联系工程师进行调试</span>
      </div>
    </div>
    <!-- 检测未通过原因 -->
    <div class="jcwtg" v-if="jcwtgshow">
      <img src="@/images/jcwtg.png" alt="" class="jcwtgimg" />
      <el-radio-group v-model="radio" class="jcwcchoice">
        <el-radio :label="1">CT设备问题</el-radio>
        <el-radio :label="2">模体问题</el-radio>
      </el-radio-group>
      <img src="@/images/qdac.png" alt="" class="qdac" @click="jcwtgfn" />
    </div>
    <!-- 重新选择模体 -->
    <div class="choicemtbox" v-if="choicemtshow">
      <img src="@/images/cxchoicemt.png" alt="" />
      <img src="@/images/shi.png" alt="" class="shis" @click="choicemtfn(1)" />
      <img src="@/images/fo.png" alt="" class="fos" @click="choicemtfn(2)" />
    </div>
    <!-- 调整位置正确答案 -->
    <div class="tzwztruebox" v-if="tzwztrueshow">
      <img src="@/images/tzwztrue.png" alt="" />
      <img
        src="@/images/qdtrue.png"
        alt=""
        class="qdtrue"
        @click="tzwztrueshow = false"
      />
    </div>
  </div>
</template>

<script>
import showMxVue from '@/components/showMx.vue'
// import WzTip from '@/components/wzTip.vue'
import BzTip from '@/components/bzTip.vue'
import Seen from './seen.vue'
import QuesTion from '@/components/quesTion.vue'
import HeadMain from '@/components/headMain.vue'
import { mixins } from '@/mixin/dtxg'
export default {
  mixins: [mixins], //混入
  name: 'WorkspaceJsonHome',
  components: { showMxVue, BzTip, Seen, QuesTion, HeadMain },
  data() {
    return {
      flag: 1,
      tzwztrueshow: false
    }
  },

  mounted() {},

  watch: {
    step: {
      handler(i) {
        // 重置步骤参数
        this.reset()
        if (i == 1 || i == 2 || i == 3 || i == 4 || i == 5) {
          this.steps = 1
        }
        if (i == 2 && this.steps == 1) {
          this.bztiptext = '点击取下头拖'
          this.visiblefn('CT1')
          if (this.$refs.seen) {
            this.$refs.seen.move(
              [-18.887, 1.69, -6.132],
              [-137.98 / 180, 71.25 / 180, 139.53 / 180]
            )
            this.$refs.seen.twinklePoint(-20.769, 1.09, -5.689)
          }
        }
        if (i == 2 && this.steps == 2) {
          this.bztiptext = '点击安装水模支架'
          this.visiblefn('CT2')
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.596, 1.382, -5.955)
        }

        if (i == 2 && this.steps == 3) {
          this.bztiptext = '点击安装水模'
          this.visiblefn('CT3')
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.637, 1.584, -5.935)
        }
        if (i == 3 && this.steps == 1) {
          // this.$refs.seen.initFileS(3)
          this.bztiptext = '点击操作面板，调整机器'
          this.$refs.seen.objects = this.$refs.seen.objectss
          // this.$refs.seen.move(
          //   [-18.887, 1.69, -6.132],
          //   [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          // )
          // this.$refs.seen.twinklePoint(-21.029, 1.381, -5.892)

          // this.$refs.seen.move(
          //   [-19.361, 1.742, -4.089],
          //   [-11.01 / 180, 40.03 / 180, 7.13 / 180]
          // )
          this.$refs.seen.move(
            [-20.077, 1.803, -6.175],
            [-20.67 / 180, 43.07 / 180, 14.45 / 180]
          )
          this.$refs.seen.twinklePoint(0, 0, 0)
        }
        if (i == 3 && this.steps == 2) {
          this.$refs.y.classList.add('tm')
          this.$refs.z.classList.add('tm')
          this.czjshow = true
          this.bztiptext =
            '调整检查床位置，使模体冠状面与矢状面与CT定位线完全重合，使其中心线对准模体中间'
        }
        if (i == 4 && this.steps == 1) {
          this.xjshow = false
          // this.$refs.seen.initFile()
          this.hznumber = ''
          this.hzname = ''
          this.bztiptext = '点击电脑'
          this.$refs.seen.objects = this.$refs.seen.objectsss
          this.$refs.seen.move(
            [-12.556, 1.583, -3.145],
            [-70.01 / 180, 81.54 / 180, 69.8 / 180]
          )
          this.$refs.seen.twinklePoint(-14.312, 1.512, -3.475)
        }
        if (i == 4 && this.steps == 2) {
          // this.$refs.seen.initFileS(0)
          this.bztiptext =
            '在患者编号栏输入数字编号：123456 ，在姓名栏输入 ： TEST'
          this.xjshow = true
        }
        if (i == 4 && this.steps == 3) {
          this.hzbhshow = true
          this.bztiptext = '点击选择扫描部位（头部——头颅轴位平扫）'
          this.hzname = 'TEST'
          this.hznumber = '123456'
          this.xjshow = true
        }
        if (i == 4 && this.steps == 4) {
          this.bztiptext = '点击选择扫描体位（HFS）'
          this.xjshow = true
          this.yzxshow = true
          this.hfsshow = true
        }
        if (i == 4 && this.steps == 5) {
          this.bztiptext = '核对信息之后，点击确定'
        }
        if (i == 4 && this.steps == 6) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshow = true
        }
        if (i == 4 && this.steps == 7) {
          this.bztiptext = '点击“自动定位”按钮，调整定位线至模体中心位置'
          this.ksshowjx = true
        }
        if (i == 4 && this.steps == 8) {
          // this.bztiptext = '鼠标点击选中“头颅轴位平扫”，左键点击选择“重复”'
          this.bztiptext = '设置扫描层数为1，扫描层厚为10'
          this.sm = 4
          this.ch = 5.014
          this.qdtzcsshow = true
          this.ksshowjx = true
          this.value1 = true
          this.chshow = false
          this.csshow = false
        }
        if (i == 4 && this.steps == 9) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshowjx = true
          this.chshow = true
          this.csshow = true
          this.eccdshow = true
          this.erksshow = true
          this.csshow = false
        }
        if (i == 4 && this.steps == 10) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshowjx = true
          this.chshow = true
          this.csshow = true
          this.eccdshow = true
          this.erksshow = true
        }
        if (i == 4 && this.step == 11) {
          this.bztiptext = '点击选择左侧“头颅轴位平扫'
          // this.ksshowjx = true
          this.txllshow = true
          this.gjshow = false
          this.clanshow = true
        }
        if (i == 4 && this.step == 12) {
          this.bztiptext = '点击选择左侧“头颅轴位平扫'
          // this.ksshowjx = true
          this.txllshow = true
          this.gjshow = false
          this.clanshow = true
        }
        // 取下模体
        if (i == 5 && this.steps == 1) {
          // this.$refs.seen.initFileS(3)
          this.visiblefn('CT4')
          this.bztiptext = '点击安装水膜'
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.484, 1.309, -5.774)

          // this.$refs.seen.twinklePoint(-20.559, 1.407, -5.988)
        }
        if (i == 5 && this.steps == 2) {
          this.bztiptext = '点击取下模体支架'
          // this.$refs.seen.initFileS(4)
          this.visiblefn('CT5')
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.428, 1.168, -5.679)

          if (i == 5 && this.steps == 3) {
            this.bztiptext = '点击安装头拖'
            // this.$refs.seen.initFileS(5)
            this.visiblefn('CT6')
            this.$refs.seen.move(
              [-18.887, 1.69, -6.132],
              [-137.98 / 180, 71.25 / 180, 139.53 / 180]
            )
            this.$refs.seen.twinklePoint(-20.539, 1.387, -5.984)
          }
        }
      },
      immediate: true,
      deep: true
    },
    steps: {
      handler(i) {
        // 重置步骤参数
        this.reset()
        if (this.$refs.seen) {
          this.$refs.seen.playIng = false
        }
        if (i == 1 && this.step == 2) {
          this.bztiptext = '点击取下头拖'
          this.visiblefn('CT1')
          // this.$refs.seen.CT6.visible = true
          // if (this.$refs.seen.objects.length != 0) {
          //   this.$refs.seen.objects = []
          //   const timer = setTimeout(() => {
          //     this.$refs.seen.objects.push(this.$refs.seen.CT6)
          //     clearTimeout(timer)
          //   })
          // } else {
          //   this.$refs.seen.objects.push(this.$refs.seen.CT6)
          // }
          // this.wztiptext = ''
          if (this.$refs.seen) {
            this.$refs.seen.move(
              [-18.887, 1.69, -6.132],
              [-137.98 / 180, 71.25 / 180, 139.53 / 180]
            )
            this.$refs.seen.twinklePoint(-20.769, 1.09, -5.689)
          }
        }
        if (i == 2 && this.step == 2) {
          this.bztiptext = '点击安装水模支架'
          this.visiblefn('CT2')
          // this.$refs.seen.CT6.visible = false
          // this.$refs.seen.CT5.visible = true
          // if (this.$refs.seen.objects.length != 0) {
          //   this.$refs.seen.objects = []
          //   const timer = setTimeout(() => {
          //     this.$refs.seen.objects.push(this.$refs.seen.CT5)
          //     clearTimeout(timer)
          //   })
          // } else {
          //   this.$refs.seen.objects.push(this.$refs.seen.CT5)
          // }
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.596, 1.382, -5.955)
        }
        if (i == 3 && this.step == 2) {
          this.bztiptext = '点击安装水模'
          // this.$refs.seen.initFileS(2)
          this.visiblefn('CT3')
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.637, 1.584, -5.935)
        }
        if (i == 1 && this.step == 3) {
          // this.$refs.seen.initFileS(3)
          this.bztiptext = '点击操作面板，调整机器'
          this.$refs.seen.objects = this.$refs.seen.objectss
          // this.$refs.seen.move(
          //   [-19.361, 1.742, -4.089],
          //   [-11.01 / 180, 40.03 / 180, 7.13 / 180]
          // )
          this.$refs.seen.move(
            [-20.077, 1.803, -6.175],
            [-20.67 / 180, 43.07 / 180, 14.45 / 180]
          )
          this.$refs.seen.twinklePoint(0, 0, 0)
        }
        if (i == 2 && this.step == 3) {
          this.$nextTick(() => {
            this.$refs.y.classList.add('tm')
            this.$refs.z.classList.add('tm')
          })
          this.czjshow = true
          this.bztiptext =
            '调整检查床位置，使模体冠状面与矢状面与CT定位线完全重合，使其中心线对准模体中间'
        }
        if (i == 1 && this.step == 5) {
          this.bztiptext = '点击取下水模'
          // this.$refs.seen.initFileS(3)
          this.visiblefn('CT4')
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.484, 1.309, -5.774)
        }
        if (i == 2 && this.step == 5) {
          this.bztiptext = '点击取下模体支架'
          // this.$refs.seen.initFileS(4)
          this.visiblefn('CT5')
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.428, 1.168, -5.679)
        }
        if (i == 3 && this.step == 5) {
          this.bztiptext = '点击安装头拖'
          this.visiblefn('CT6')
          // this.$refs.seen.initFileS(5)
          // this.wztiptext = ''
          this.$refs.seen.move(
            [-18.887, 1.69, -6.132],
            [-137.98 / 180, 71.25 / 180, 139.53 / 180]
          )
          this.$refs.seen.twinklePoint(-20.559, 1.407, -5.988)
        }
        if (i == 1 && this.step == 4) {
          this.xjshow = false
          // this.$refs.seen.initFile()
          this.hznumber = ''
          this.hzname = ''
          this.bztiptext = '点击电脑'
          this.$refs.seen.objects = this.$refs.seen.objectsss
          this.$refs.seen.move(
            [-12.556, 1.583, -3.145],
            [-70.01 / 180, 81.54 / 180, 69.8 / 180]
          )
          this.$refs.seen.twinklePoint(-14.312, 1.512, -3.475)
        }
        if (i == 2 && this.step == 4) {
          // this.$refs.seen.initFileS(0)
          this.bztiptext =
            '在患者编号栏输入数字编号：123456 ，在姓名栏输入 ： TEST'
          this.xjshow = true
        }
        if (i == 3 && this.step == 4) {
          this.bztiptext = '点击选择扫描部位（头部——头颅轴位平扫）'
          this.hzname = 'TEST'
          this.hznumber = '123456'
          this.xjshow = true
          this.hzbhshow = true
        }
        if (i == 4 && this.step == 4) {
          this.bztiptext = '点击选择扫描体位（HFS）'
          this.xjshow = true
          this.yzxshow = true
          this.hfsshow = true
        }
        if (i == 5 && this.step == 4) {
          this.bztiptext = '核对信息之后，点击确定'
        }
        if (i == 6 && this.step == 4) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshow = true
        }
        if (i == 7 && this.step == 4) {
          this.bztiptext = '点击“自动定位”按钮，调整定位线至模体中心位置'
          this.ksshowjx = true
        }
        if (i == 8 && this.step == 4) {
          this.bztiptext = '设置扫描层数为1，扫描层厚为10'
          this.qdtzcsshow = true
          this.ksshowjx = true
          this.value1 = true
          this.chshow = false
          this.csshow = false
          this.sm = 4
          this.ch = 5.014
        }
        if (i == 9 && this.step == 4) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshowjx = true
          this.chshow = true
          this.csshow = true
          this.eccdshow = true
          this.erksshow = true
        }
        if (i == 10 && this.step == 4) {
          this.bztiptext = '点击“扫描”按钮，开始扫描'
          this.ksshowjx = true
          this.chshow = true
          this.csshow = true
          this.eccdshow = true
          this.erksshow = true
        }
        if (i == 11 && this.step == 4) {
          this.bztiptext = '点击选择左侧“头颅轴位平扫'
          // this.ksshowjx = true
          this.txllshow = true
          this.gjshow = false
          this.clanshow = true
        }
        if (i == 12 && this.step == 4) {
          this.bztiptext = '点击选择左侧“头颅轴位平扫'
          // this.ksshowjx = true
          this.txllshow = true
          this.gjshow = false
          this.clanshow = true
        }
      },
      immediate: true,
      deep: true
    },
    myshow: {
      handler(i) {
        if (i == false) {
          // this.$refs.seen.camera.lookAt(0, 0, 0)
          // this.$refs.seen.camera.rotation.order = 'XYZ'
        }
      },
      immediate: true,
      deep: true
    },
    sm(val) {
      if (val == 1 && this.ch == 10) {
        this.$nextTick(() => {
          this.$refs.tzxxfn.classList.add('fd')
        })
      }
      // this.$nextTick(() => {
      //   this.$refs.smfn.classList.remove('bkyss')
      //   this.$refs.smfn.classList.remove('bkys')
      // })
    },
    ch(val) {
      if (val == 10 && this.sm == 1) {
        this.$nextTick(() => {
          this.$refs.tzxxfn.classList.add('fd')
        })
      }
      // this.$nextTick(() => {
      //   this.$refs.chfn.classList.remove('bkyss')
      //   this.$refs.chfn.classList.remove('bkys')
      // })
    },
    hznumber(val) {
      // this.$refs.hznbs.classList.remove('bkys')
      // console.log('s', val + this.hzname)
      if (val == '123456' && this.hzname == 'TEST') {
        this.$refs.hznbs.classList.remove('bkys')
        this.$refs.hznb.classList.remove('bkys')
        this.steps = 3
      }
      if (val == '123456') {
        this.$refs.hznbs.classList.remove('bkys')
      } else {
        this.$refs.hznbs.classList.add('bkys')
      }

      // const timer = setTimeout(() => {
      //
      // }, 2000)
      // clearTimeout(timer)
      // this.xjyz()
    },
    hzname(val) {
      // this.$refs.hznb.classList.remove('bkys')
      if (val == 'TEST' && this.hznumber == '123456') {
        this.steps = 3
        this.$refs.hznbs.classList.remove('bkys')
        this.$refs.hznb.classList.remove('bkys')
      }
      if (val == 'TEST') {
        this.$refs.hznb.classList.remove('bkys')
      } else {
        this.$refs.hznb.classList.add('bkys')
      }
    }
  },
  methods: {
    // tips
    tipsfn(i) {
      this.tipshow = i
    },
    // myshowfn
    myshowfn(i) {
      this.myshow = i
    },
    // 加载
    loadingfn(i) {
      this.loading = i
    },
    // 是否开启漫游
    myfn() {
      this.myshow = !this.myshow
      console.log('开启漫游或者关闭漫游', this.myshow)
      if (!this.myshow) {
        this.step = this.step + 1
        this.step = this.step - 1
        this.steps = this.steps + 1 - 1
      }
    },
    // 重新选择模体
    choicemtfn(i) {
      if (i == 1) {
        this.steps = 1
        this.step = 1
      }
      if (i == 2) {
        this.steps = 1
        this.step = 5
      }
    },
    // 检测未通过
    jcwtgfn() {
      if (this.radio == 1) {
        this.$router.push({
          name: 'index'
        })
        // 回答错误实验结束
      }
      if (this.radio == 2) {
        // 正确答案
        this.choicemtshow = true
      }
    },
    // sfofn
    sfofn(i) {
      if (i == 1 && this.steps == 11) {
        this.step = 5
      }
      if (i == 2 && this.steps == 11) {
        this.hdcshow = true
        setInterval(() => {
          this.hdcshow = false
        }, 2000)
      }
      // 异常模体操作
      if (i == 1 && this.steps == 12) {
        this.hdcshow = true
        setInterval(() => {
          this.hdcshow = false
        }, 2000)
      }
      if (i == 2 && this.steps == 12) {
        // 弹出未通过原因
        this.jcwtgshow = true
      }
    },
    // tyfn
    tyfn() {
      console.log('验证中')
      if (
        this.zc1show == true &&
        this.zc2show == true &&
        this.zc3show == true &&
        this.zc4show == true &&
        this.zc5show == true &&
        this.zc6show == true
      ) {
        // 这个地方等会再展示
        // this.jcsftgshow = true
        this.jcjilshow = true
        this.bztiptext =
          '取图像中心的平均 CT值作为水CT值的测量值，标准偏差除以对比度标尺作为噪声的测量值；分别测量其余四个 ROI 的平均CT值，与图像中心 ROI 平均 CT值的最大差值作为均性的测量值。'
      }
    },

    tmwc() {
      if (this.steps == 11) {
        this.bztiptext = '在工具栏中点击选择兴趣区（ROI）测量工具'
        this.$nextTick(() => {
          this.question = []
          this.questionshow = false
          this.roishow = true
          this.zcmtshow = true
        })
      }
      if (this.steps == 12) {
        this.bztiptext = '在工具栏中点击选择兴趣区（ROI）测量工具'
        this.$nextTick(() => {
          this.question = []
          this.questionshow = false
          this.roishow = true
          this.zcmtshow = true
        })
      }
      if (this.step == 5 && this.steps == 3) {
        this.$router.push({
          name: 'index'
        })
      }
    },
    //celiang

    ersmwcfn() {
      this.erksshowwc = true
      this.zzshow = false
      this.bztiptext = '点击“确定”，进入图像浏览'
    },
    // 自动定位
    zdfn() {
      if (this.value1) {
        this.steps = 8
      }
    },

    mousedownHandler(i) {
      console.log(i)
      this.timer = setInterval(() => {
        if (i == 'z') {
          this.qfn()
        }
        if (i == 'y') {
          this.hfn()
        }
      }, 100) // 设置累加的时间间隔，单位为毫秒
    },
    mouseupHandler() {
      clearInterval(this.timer) // 停止累加
    },
    // 动画播放完成
    clickItem(name) {
      console.log('动画播放完成', name)
      // if (name == 'CT9_2' && this.step == 2 && this.steps == 1) {
      //   this.bztiptext = '头拖已取下'
      //   const timer = setTimeout(() => {
      //     console.log('计时结束！')
      //     // 在这里执行计时结束后的操作
      //     this.steps = 2
      //     // 清除计时器，防止内存泄漏
      //     clearTimeout(timer)
      //   }, 2000)
      // }
      if (name == 'CT1' && this.step == 2 && this.steps == 1) {
        this.$refs.seen.CT1.visible = false
        this.bztiptext = '头拖已取下'
        const timer = setTimeout(() => {
          console.log('计时结束！')
          // 在这里执行计时结束后的操作
          this.steps = 2
          // 清除计时器，防止内存泄漏
          clearTimeout(timer)
        }, 2000)
      }
      if (
        name == 'CT5' ||
        (name == 'CT2_1' && this.step == 2 && this.steps == 2)
      ) {
        this.$refs.seen.CT2.visible = false
        this.bztiptext = '水模支架已安装完成'
        const timer = setTimeout(() => {
          console.log('计时结束！')
          // 在这里执行计时结束后的操作
          this.steps = 3
          // 清除计时器，防止内存泄漏
          clearTimeout(timer)
        }, 2000)
      }
      if (name == 'CT3_2' && this.step == 2 && this.steps == 3) {
        this.bztiptext = '水模已安装完成'
        this.$refs.seen.CT3.visible = false
        const timer = setTimeout(() => {
          // 在这里执行计时结束后的操作
          this.step = 3
          // 清除计时器，防止内存泄漏
          clearTimeout(timer)
        }, 2000)
      }
      if (name == 'CT13_7' && this.step == 3 && this.steps == 1) {
        this.bztiptext = '点击“激光按钮”打开激光定位灯'
        // this.steps = 2
        this.czjshow = true
      }
      if (name == 'CT4_2' && this.step == 5 && this.steps == 1) {
        this.bztiptext = '已取下水模'
        this.$refs.seen.CT4.visible = false
        const timer = setTimeout(() => {
          // 在这里执行计时结束后的操作
          this.steps = 2
          // 清除计时器，防止内存泄漏
          clearTimeout(timer)
        }, 2000)
      }
      if (name == 'CT5_1' && this.step == 5 && this.steps == 2) {
        this.bztiptext = '已取下模体支架'
        this.$refs.seen.CT5.visible = false
        const timer = setTimeout(() => {
          // 在这里执行计时结束后的操作
          this.steps = 3
          // 清除计时器，防止内存泄漏
          clearTimeout(timer)
        }, 2000)
      }
      if (name == 'CT6' && this.step == 5 && this.steps == 3) {
        this.bztiptext = ''
        this.$refs.seen.CT6.visible = false
        // const timer = setTimeout(() => {
        //   this.$router.push({
        //     name: 'index'
        //   })
        //   clearTimeout(timer)
        // }, 2000)
        this.questionshow = true
        this.qustion = [
          {
            id: 1, //题目id
            name: '单选题', //题目类型
            question: '关于CT值，错误的叙述是', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A.CT值是 Hounsfield定义的新的衰减系数的标度' // 题目选项
              },
              {
                id: 'B',
                name: 'B.Hounsfield将空气至致密骨之间的X线衰减系数的变化划为2000个单位'
              },
              {
                id: 'C',
                name: 'C.人们为了纪念亨氏的不朽功绩，将这种新的标度单位命名为H(Hounsfield)'
              },
              {
                id: 'D',
                name: 'D.国际上也规定了以H为CT值的单位作为表达组织密度的统一单位'
              },
              {
                id: 'E',
                name: 'E.空气的CT值为OHU骨密质的CT值为2000HU'
              }
            ],
            answer: ['E'], //正确答案
            des: '' //答案解析表述
          },
          {
            id: 2, //题目id
            name: '单选题', //题目类型
            question: '不属于CT机调试内容的是', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A．扫描床进床精度' // 题目选项
              },
              {
                id: 'B',
                name: 'B．CT值均匀性'
              },
              {
                id: 'C',
                name: 'C．图像空间分辨率'
              },
              {
                id: 'D',
                name: 'D．图像密度分辨率'
              },
              {
                id: 'E',
                name: 'E．电流频率'
              }
            ],
            answer: ['E'], //正确答案
            des: '' //答案解析表述
          },
          {
            id: 3, //题目id
            name: '单选题', //题目类型
            question: '正常人体组织中，水、空气、骨骼的CT值(HU)是多少', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A.-1000、0、+1000' // 题目选项
              },
              {
                id: 'B',
                name: 'B.0、-1000、+1000'
              },
              {
                id: 'C',
                name: 'C.0、+1000、-1000'
              },
              {
                id: 'D',
                name: 'D.-1000、+1000、0'
              }
            ],
            answer: ['B'], //正确答案
            des: '' //答案解析表述
          },
          {
            id: 4, //题目id
            name: '单选题', //题目类型
            question:
              '定义的 CT值，其值作为表达（）的统一单位，其中空气的CT值为', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A.Hounsfield、组织密度、-1000' // 题目选项
              },
              {
                id: 'B',
                name: 'B.Cormack、衰减系统、-1000'
              },
              {
                id: 'C',
                name: 'C,Hounsfield、衰减系数、1000'
              },
              {
                id: 'D',
                name: 'D.Cormack、组织密度、1000'
              }
            ],
            answer: ['A'], //正确答案
            des: '' //答案解析表述
          },
          {
            id: 5, //题目id
            name: '单选题', //题目类型
            question: '在CT图像的重建中，把(  )的CT值定为 0HU', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A. 脂肪' // 题目选项
              },
              {
                id: 'B',
                name: 'B. 肌肉'
              },
              {
                id: 'C',
                name: 'C. 血液'
              },
              {
                id: 'D',
                name: 'D. 胆汁'
              },
              {
                id: 'E',
                name: 'E. 纯水'
              }
            ],
            answer: ['E'], //正确答案
            des: '' //答案解析表述
          },
          {
            id: 6, //题目id
            name: '单选题', //题目类型
            question: '肌肉软组织结构，其CT值范围一般是', //题目名称
            options: [
              {
                id: 'A', //题目选项id
                name: 'A. 10~20HU' // 题目选项
              },
              {
                id: 'B',
                name: 'B. 10~30HU'
              },
              {
                id: 'C',
                name: 'C. 20~30HU'
              },
              {
                id: 'D',
                name: 'D. 30~50HU'
              },
              {
                id: 'E',
                name: 'E. 40~80HU'
              }
            ],
            answer: ['E'], //正确答案
            des: '' //答案解析表述
          }
        ]
        // 实验完成
      }
      if (name == 'ZhuoZI1_2' && this.step == 4 && this.steps == 1) {
        this.bztiptext = '点击患者注册按钮，建立一个新的扫描患者'
        this.gzshow = true
      }
    },
    // 文本定义
    wztiptextfn(i) {
      this.wztiptext = i
    },
    bztiptextfn(i) {
      this.bztiptext = i
    },
    // 使用模体
    mtstart(i) {
      if (i == 1) {
        this.step = 2
        this.symt = 1
        // 好的模体
        this.taskdata = [
          {
            id: 2,
            name: require('@/images/azmt.png'),
            items: [
              {
                id: 1,
                name: '取下头拖'
              },
              {
                id: 2,
                name: '安装水模支架'
              },
              {
                id: 3,
                name: '安装水模'
              }
            ]
          },
          {
            id: 3,
            name: require('@/images/tzjq.png'),
            items: [
              {
                id: 1,
                name: '打开激光定位灯'
              },
              {
                id: 2,
                name: '调整水模位置'
              }
            ]
          },
          {
            id: 4,
            name: require('@/images/sjcz.png'),
            items: [
              {
                id: 1,
                name: '新建扫描患者'
              },
              {
                id: 2,
                name: '输入扫描信息'
              },
              {
                id: 3,
                name: '选择扫描部位'
              },
              {
                id: 4,
                name: '选择扫描体位'
              },
              {
                id: 5,
                name: '核对扫描信息'
              },
              {
                id: 6,
                name: '开始扫描'
              },
              {
                id: 7,
                name: '调整定位线'
              },
              {
                id: 8,
                name: '调整参数'
              },
              {
                id: 9,
                name: '二次扫描'
              },

              {
                id: 11,
                name: '测量分析'
              }
            ]
          },
          {
            id: 5,
            name: require('@/images/qxmt.png'),
            items: [
              {
                id: 1,
                name: '取下水模'
              },
              {
                id: 2,
                name: '取下模体支架'
              },
              {
                id: 3,
                name: '安装头拖'
              }
            ]
          }
        ]
      }
      if (i == 2) {
        this.step = 2
        this.symt = 2
        // 坏的模体
        this.taskdata = [
          {
            id: 2,
            name: require('@/images/azmt.png'),
            items: [
              {
                id: 1,
                name: '取下头拖'
              },
              {
                id: 2,
                name: '安装水模支架'
              },
              {
                id: 3,
                name: '安装水模'
              }
            ]
          },
          {
            id: 3,
            name: require('@/images/tzjq.png'),
            items: [
              {
                id: 1,
                name: '打开激光定位灯'
              },
              {
                id: 2,
                name: '调整水模位置'
              }
            ]
          },
          {
            id: 4,
            name: require('@/images/sjcz.png'),
            items: [
              {
                id: 1,
                name: '新建扫描患者'
              },
              {
                id: 2,
                name: '输入扫描信息'
              },
              {
                id: 3,
                name: '选择扫描部位'
              },
              {
                id: 4,
                name: '选择扫描体位'
              },
              {
                id: 5,
                name: '核对扫描信息'
              },
              {
                id: 6,
                name: '开始扫描'
              },
              {
                id: 7,
                name: '调整定位线'
              },
              {
                id: 8,
                name: '调整参数'
              },
              {
                id: 10,
                name: '二次扫描'
              },
              {
                id: 12,
                name: '测量分析'
              }
            ]
          },
          {
            id: 5,
            name: require('@/images/qxmt.png'),
            items: [
              {
                id: 1,
                name: '取下水模'
              },
              {
                id: 2,
                name: '取下模体支架'
              },
              {
                id: 3,
                name: '安装头拖'
              }
            ]
          }
        ]
      }
    },
    // 返回模体
    back() {
      this.mxshow = false
      this.mtjshow = false
      this.mxmtnumber = ''
    },
    // 模体介绍
    mtjsfn() {
      this.mxshow = true
      this.mtjshow = !this.mtjshow
    },
    // 查看模体
    mtjshowfn(i) {
      this.mxmtnumber = i
      this.mtjshow = true

      if (i == 1) {
        this.mxmtnumber = 'ShuiMo_hao.glb'
        console.log('模体选择', i)
        this.showmt1 = false
      }
      if (i == 2) {
        this.mxmtnumber = 'ShuiMohuai.glb'
        this.showmt2 = false
      }
    }
    // 去除css
  }
}
</script>

<style scoped>
.homebg {
  background-color: #011c35;
  height: 100%;
  width: 100%;
}
.taskbox {
  /* position: absolute;
  left: 30px;
  top: 150px; */
}
.task {
  margin: 5px 0;
  cursor: pointer;
  position: relative;
}
.taskimg {
  width: 191px;
  height: 42px;
}
.taskitems {
  text-align: center;
  width: 189px;
  height: 42px;
  line-height: 42px;
  background: #02344f;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #095d89;
}
.taskitems:hover {
  background: #134d79;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #095d89;
}
.taskitemsac {
  background: #0090ff;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  border: 1px solid #0090ff;
}
.taskitems span {
  font-size: 18px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  display: block;
}
.taskzt {
  position: absolute;
  top: 10px;
  right: 10px;
}
</style>
